<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="scripts/vendor/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="styles/signin.css">


    </head>

    <body ng-app="myApp" ng-controller="BannerCtrl">

        <div class="test">
            <image-cropper image-url="{{vm.imageUrl}}" 
            width="500" height="370"
            show-controls="{{vm.showControls}}"
            fit-on-init="false"
            center-on-init="true"
            api="vm.cropperApi()"
            crop-callback="vm.updateResultImage"
            action-labels="vm.myButtonLabels">
          </image-cropper>
            <div class="result">
                <img class="frame" ng-src="{{vm.resultImage}}">
            </div>
        </div>

        <script src="scripts/vendor/jquery.min.js"></script>
        <!-- <script src="scripts/vendor/angular.min.js"></script> -->
        <script src="bower_components/angular/angular.min.js"></script>
        <script src="scripts/vendor/angular-animate.min.js"></script>
        <script src="scripts/vendor/angular-route.min.js"></script>
        <script src="scripts/vendor/ui-bootstrap-tpls-0.12.0.min.js"></script>
        <script src="scripts/vendor/angular-resource.min.js"></script>
        <script src="scripts/vendor/angular-image-cropper.js"></script>
        <script src="scripts/vendor/bootstrap/js/bootstrap.min.js"></script>
        <script src="scripts/services/services.js" charset="utf-8"></script>
        <script src="scripts/controllers/Mcontroller.js" charset="UTF-8"></script>
        <script src="scripts/directives/directives.js" charset="utf-8"></script>
        <script src="scripts/vendor/ng-file-upload.min.js"></script>
        <script src="scripts/vendor/ng-file-upload-shim.min.js"></script>
    </body>
</html>
